iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
1
Modern Web

30天入門JavaScript系列 第 30

【Day 30】前端學習資源推薦 &30天反省

  • 分享至 

  • xImage
  •  



最後一天了,為了被30天入門JS這個題目騙進來看到糞文章的人謝罪
推薦一些自己覺得不錯的免費或便宜學習資源來賠罪(對不起...



首先是說好的學習資源推薦,
個人剛學前端時曾經買過好幾千塊但品質不好的中文課程(是哪個就不說了)
後來因為經濟關係,都是以便宜的學習資源為主,
以下都是個人經驗,沒有葉配

外行 (完全沒接觸過的新手)


  • 深入淺出系列
    https://ithelp.ithome.com.tw/upload/images/20200930/20129836YpTPvJ5uEd.jpg

    https://ithelp.ithome.com.tw/upload/images/20200930/20129836lSJpskIOF2.jpg

    個人的入門書,深入淺出這個系列就是給完全外行的人看的,會講得很親(囉)民(唆)
    雖然出版時間有點久了,但還是個人認為中文書中最適合入門的(入門買JavaScript大全直接勸退.jpg)
    這幾年因為流行轉行寫網頁,很多騙外行買了就能轉職的書,歐萊禮的書還是相對品質有保證的

    另外有個注意點,深入淺出系列的敘事方式都很...特別?
    買之前最好去書店或圖書館翻一下看能不能接受這種敘事

  • freecodecamp

    免費的線上教學網站,讓新人也能快速體驗敲代碼的感覺,
    每個主題都會有簡單的說明後,然後出個小測驗直接讓你在同一頁實作,
    缺點是因為測驗很簡單,做起來很快,沒多久就忘(

入門~中階


  • Udemy

    線上課程網站,特點是選擇超多+很便宜,課程不喜歡30天內可以退費
    但需要一點英文能力(用google翻譯硬啃也可以)

    幾乎每個禮拜就會特價,最低價格300台幣,不要傻傻原價買(差不多400內就能出手了)

    因為有評價系統加30天內退費,挑評價好的(4.6以上)基本上不會踩雷
    這邊只推薦必買的兩個


    JavaScript 全攻略:克服 JS 的奇怪部分

    個人認為講解JavaScript進階知識中最親民的課,那些奇怪的專有名詞都會用很好懂的方式講解
    加上有少見的繁體中文字幕,好課不買嗎


    Advanced CSS and Sass: Flexbox, Grid, Animations and More!

    CSS的中階課,CP值爆炸
    300多塊有SCSS、RWD、動畫等一堆東西
    三種排版各設計了一個實作project,會邊作project邊教很多實用技巧,
    另外成品 超 漂 亮,看過這個課會覺得外面很多CSS教學很陽春

    上完感想只有賣這個價錢真的太便宜了... 想精進CSS的推薦買來看看



    另外在上個月之前都能用Google翻譯擴充功能自動翻譯英文字幕,
    目前(2020/09/30)翻譯功能壞掉中,已經有人在Google翻譯反映這問題了,不知道甚麼時候會修


  • 忍者:JavaScript開發技巧探秘 第二版

    https://ithelp.ithome.com.tw/upload/images/20200930/201298368Sx2LJKFzN.jpg

    jQuery作者寫的書,整本都是精華,有大量圖解跟範例程式解釋JavaScript的運作機制,
    講解的方式又很親民,只挑一本書學JS進階知識的話我會推薦這本

  • 你所不知道的JS系列(共4本,推薦this跟範圍那本)

    https://ithelp.ithome.com.tw/upload/images/20200930/201298364cGnWWVzNb.jpg
    有作者免費公布的線上版

    很多人推薦的JS必讀書,但不知道是專有名詞太多還是翻譯問題,
    個人讀得有點挫折(尤其非同步),可能是個人程度還跟不上。

    不過這作者的思維我覺得很棒,認為JS一些反常識的部分不是設計錯誤,而是需要理解JS的機制後來應用,
    如果有人覺得JS很多失敗的設計很糞,可以去看一下這作者的書跟課程

  • frontendmasters

    這網站的內容跟udemy不太一樣,不是帶你寫程式的線上課程,
    而是現場的短期課程(還是研討會?)錄影,
    上面提到的你所不知道的JS作者Kyle Simpson就有在上面開課。

    優點只要跟前端相關的內容都有,可以照需求看,而且有udemy少見的中高階內容

    缺點是價格算高(一個月40美金),理論上已經不是便宜的學習資源了
    我是用GithubStudent去註冊,可以拿到免費六個月試用
    有辦法辦GithubStudent的可以去體驗看看

    其實買一個月只看Kyle Simpson的課程我覺得也不虧(他的每本書再上面都有對應的課程

    最後放個圖證明真的有買書不是葉配
    https://ithelp.ithome.com.tw/upload/images/20200930/20129836GSGd7NjHRI.jpg



    接下來是個人反省時間,以下可以不用看了

8月底時看到鐵人賽,甚麼也沒準備就報名了,想說反正沒人會看我就報個Web組當作複習JS
30天大綱沒有,沒準備就從1號開始每天想題目寫文,到中期才發現有換行字元

現在回來才發現漏了很多東西,window物件沒有、DOM沒有、AJAX沒有,
後面寫到沒實作過的物件原型跟非同步時也沒辦法很好的說明,真的問題多多。

如果能重來應該報自我挑戰組+主題改成學習紀錄,才不會有人被我的爛文雷到/images/emoticon/emoticon20.gif


反省點:

  • 主題取名不好
  • 文筆爛
  • 說明難懂
  • 排版爛
  • 沒有AJAX跟DOM

    不過真的能完成30天的JS筆記我也蠻意外的,本來想說撐不到30天就拿範例練習來撐場面,
    也算是達成了一個自我目標。

    雖然問題很多但這次鐵人結束了,希望明年參賽能寫出更好的內容分享,
    最後感謝寫那麼爛還願意點閱跟like的邦友們/images/emoticon/emoticon02.gif

上一篇
【Day 29】Promise
系列文
30天入門JavaScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
all132all
iT邦新手 5 級 ‧ 2023-01-18 09:03:21

超讚! 感謝bt大分享自身學習經驗

python工程師學一些javascript,這篇文對我幫助很大

我要留言

立即登入留言